import React from 'react';
import { Badge, NavBar, Icon,List,TextareaItem, Progress, WhiteSpace, WingBlank } from 'antd-mobile';
import { LeftOutlined } from '@ant-design/icons';

import { Link } from 'react-router-dom';
export default class TabBar extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            percent: 60
        }
    }
    render() {
        return (
            <div style={{ backgroundColor: '#F5F5F9' }}>
                <NavBar
                    leftContent={<Link to='/home'><LeftOutlined style={{ fontSize: 20, color: '#fff' }} /></Link>}

                    // onLeftClick={() => console.log('onLeftClick')}
                    rightContent='发表'
                    key={'白粥酱'}
                > 白粥酱
                </NavBar>
                <List renderHeader={() => '意见反馈'}>
                    <TextareaItem
                        rows={5}
                        count={100}
                    />
                </List>
            </div>
        );
    }
}
